<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    body{
      margin:0;
    }
  </style>
</head>
<body>
<div id="div1">
  <svg xmlns="http://www.w3.org/2000/svg" width="100vw" height="100vh" >
    <a
      xlink:href="http://www.bilibili.com"
      xlink:title="bilibili"
      target="_blank"
    >
      <rect
        x="100"
        y="100"
        width="100"
        height="100"
        fill="rgba(255,0,0,.5)"
        stroke="rgb(200,0,0)"
        stroke-width="2"
      >
      </rect>
    </a>

    <a
      xlink:href="http://www.acfun.cn"
      xlink:title="acfun"
      target="_blank"
    >
      <circle
        cx="300"
        cy="150"
        r="50"
        fill="rgba(0,255,0,.5)"
        stroke="rgb(0,200,0)"
        stroke-width="2"
      >
      </circle>
    </a>

    <a
      xlink:href="http://www.nicotv.me/"
      xlink:title="nicotv"
      target="_blank"
    >
      <polygon
        points="150 250 200 350 100 350"
        fill="rgba(0,0,255,.5)"
        stroke="rgb(0,0,200)"
        stroke-width="2"
      >
      </polygon>
    </a>
  </svg>
</div>
<script>

</script>
</body>
</html>
